<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
    Demo multi menu
</title>
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script>
    jQuery(function($){
        $("li").bind("click",function(event){
            event.stopPropagation();
            var $child = $(this).children("ul");
            if($child.is(":visible"))
            {
                $child.hide();
            } else
            {
                $child.show();
            }
        })
    })
</script>
<style>
ul li ul 
{
    display:none;
}
</style>
</head>
    <body>
     <ul>
        <!-- START BLOCK : menu -->
        <li>{item}
            <ul>
                <!-- START BLOCK : menu2 -->
                    <li>{item2}</li>
                <!-- END BLOCK : menu2 -->
            </ul>
        </li>
        <!-- END BLOCK : menu -->
    </ul>
    </body>
</html>  